<!DOCTYPE html>
<html>
<head>
<link rel="dns-prefetch" id="domain" href="${rc.contextPath}">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>打印</title>
<style>
body {
	font-family: "宋体","微软雅黑"; font-size: 12px; color: #404040; line-height: 1.2em;
	background-color: #FFF;
}
@media print {
.noprint { display: none;color:green }
}
.f_clear:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.f_clear {
	display: inline-table;
}

* html .f_clear {
	height: 1%;
}

*+html .f_clear {
	height: 1%;
}

.f_clear {
	display: block;
}

.clear {
	clear: both;
}

form {
	margin: 0px; padding: 0px;
}

#main {
	margin: auto; width: 165px;
}

.order {
	padding: 10px 0px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999;
}

.order .store {
	font-weight: bold; line-height: 3em; font-size: 14px;
}

ul.info {
	list-style-type: none; margin: 0px; padding: 0px 0px 8px 0px; height: auto; display: block;
}

ul.info li {
	padding: 2px 0px;
}

.order table {
	
}

.order table th {
	border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999;
}

.order table td,.order table th {
	text-align: left; vertical-align: top; padding: 0px 8px 0px 0px; font-weight: normal;
}

ul.total {
	display: block; margin: 0px; padding: 0px; list-style-type: none; height: auto;
}

ul.total li {
	float: left; padding-right: 20px; display: block;
}
</style>
</head>
<body>
	<div id="main">
		<div class="order">
			<div id="tstoreName" class="store"></div>
			<ul class="info">
				<li>流水号：<span id="serial"></span></li>
				<li>日期：<span id="datetime"></span></li>
			</ul>
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<th colspan="3">商品名称</th>
				</tr>
				<tr>
					<th>单价</th>
					<th>数量</th>
					<th>小计(￥)</th>
				</tr>
				
				<tr>
					<td colspan="3">-{name}-</td>
				</tr>
				<tr>
					<td>-{price}-</td>
					<td>-{amount}-</td>
					<td>-{cost}-</td>
				</tr>
				
			</table>
		</div>
		<div class="order" style="border-bottom: none;">
			<ul class="total f_clear" style="padding-top:0px;">
				<li>种数：<span id="tnum"></span></li>
				<li>应付：<span id="tcost"></span></li>
			</ul>
			<ul class="total f_clear" style="padding-top:0px;">
				<li>实收：</li>
				<li>现金</li>
				<li><span id="treceived"></span></li>
				<li>找零：<span id="treturned"></span></li>
			</ul>
		</div>
		<div style="text-align:center;margin-bottom:8px;">谢谢惠顾，欢迎网上订购：</div>
		<div style="text-align:center;"><div id="qrcode"></div></div>  
		<div style="margin-top:20px;">.</div>                                                                                                                                                                                 
	</div>
	<script data-main="${rc.contextPath}/res/js/fieldSale_print" src="${rc.contextPath}/res/js/require.js"></script>
</body>
</html>
